<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>课程管理</title>
  <link rel="stylesheet" href="./decoration.css">
</head>

<body>
  <!-- 栏目 -->
  <div class="nav">自主选课</div>
  <!-- 表格主体部分 -->
  <div class="TableBackground">
    <!-- 标题表格 -->
    <table style="margin-top: 60px;">
      <tr>
        <th>课程号</th>
        <th>课程名程</th>
        <th>学分</th>
        <th>任课老师</th>
        <th>上课开始天数</th>
        <th>上课开始节数</th>
        <th>上课地点</th>
        <th>上课节数</th>
        <th>上课方式</th>
        <th>学历要求</th>
        <th>人数</th>
        <th>操作</th>
      </tr>
      <!-- 数据表格 -->
      <table class="list" style="margin-bottom: 60px;">

      </table>
      <!-- 表格控制栏 -->
      <div class="controlTable">
        <ul>
          <li class="first"><i class="iconfont">&#xe605;</i></li>
          <li class="last"><i class="iconfont">&#xe618;</i></li>
          &nbsp;<b>|</b>&nbsp; <input type="text" class="paged">
          共 <span class="allPage">0</span> 页 &nbsp;<b>|</b>&nbsp;
          <li class="next"><i class="iconfont">&#xe619;</i></li>
          <li class="theLast"><i class="iconfont">&#xe606;</i></li>
          <select name="paged" id="paged">
            <option value="5">5</option>
            <option value="10">10</option>
            <option value="20">20</option>
          </select>
        </ul>
      </div>
    </table>
    <!-- 添加课程弹窗 -->
    <div class="insertShow">
      <h2 class="title">添加课程</h2>
      <div>
        <h3><i class="iconfont">&#xe6f9;</i> 课程名称： <input type="text" placeholder=" 课程名不能超过30位"></h3>
        <h3><i class="iconfont">&#xe792;</i> 课程学分： <input type="text" placeholder=" 学分最高是4"></h3>
        <h3><i class="iconfont">&#xe638;</i> 上课天数： <input type="text"></h3>
        <h3><i class="iconfont">&#xe62b;</i> 开始节数： <input type="text"></h3>
        <h3><i class="iconfont">&#xe62c;</i> 持续节数： <input type="text"></h3>
        <h3><i class="iconfont">&#xe6fa;</i> 授课方式：
          <select name="classWay" id="classWay">
            <option value="1" selected>线上授课</option>
            <option value="2">线下授课</option>
          </select>
        </h3>
        <h3 class="location"><i class="iconfont">&#xe62e;</i> 上课地点： <input type="text" placeholder=" 地点名不能超过30位"></h3>
      </div>
      <div class="buttons">
        <button class="cancel">取消</button>
        <button class="add">添加</button>
      </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script src="../../../../Interceptor.js"></script>
    <script src="./operation.js"></script>
</body>

</html>